<template>
  <div class= "auto">
    <!-- <div>
      <radio-group :value.sync="selector" type="info" buttons="false">
        <radio value="checker-annual">安检员年度任务跟踪</radio>
        <radio value="checker-monthly">安检员月度任务跟踪</radio>
        <radio value="plumber-annual">维修员年度任务跟踪</radio>
        <radio value="plumber-monthly">维修员月度任务跟踪</radio>
      </radio-group>
    </div> -->
    <div class= "auto">
      <table width="100%">
        <tr>
          <!-- <td><img src="../../../static/singleleft.png" width="32" height="32" @click="ready()"></img></td> -->
          <td style="text-align:center;height:75px;" colspan="4">
            <div style="width=!00%;height:20px"></div>
            <p class="h4" align="center" style="vertical-align:middle;"><b>任务跟踪</b></p>
          </td>

        </tr>
        <tr style="text-align:center">
          <td @click="go2('checker-annual')" class="tdd"><label>安检员年度<br/>任务跟踪&nbsp;&nbsp;</label></td>
          <td @click="go2('checker-monthly')" class="tdd"><label>安检员月度<br/>任务跟踪&nbsp;&nbsp;</label></td>
          <td @click="go2('plumber-annual')" class="tdd"><label>维修员年度<br/>任务跟踪&nbsp;&nbsp;</label></td>
          <td @click="go2('plumber-monthly')" class="tdd"><label>维修员月度<br/>任务跟踪&nbsp;&nbsp;</label></td>
        </tr>
      </table>
    </div>
  </div>
    <route :comp="{name: 'void-page'}" name="task-router"></route>
</template>

<script>
// import Vue from 'vue'

export default {
  title: '任务跟踪',
  data() {
    return {
      showModal: true
    }
  },
  ready() {
    // this.go2('phone-state', 'inspect')
    // go2('check-plan')
  },
  // components: {
  //   RadioGroup,
  //   Radio
  // },
  // computed: {
  //   selector: {
  //     get() {
  //       return 'paper-state'
  //     },
  //     set(val) {
  //       this.$goto(val, {}, 'paper-router')
  //     }
  //   },
  methods: {
    go2: function(widget, param) {
      this.$goto(widget, {role: param}, 'task-router')
    }
  }
}
</script>
<style>
  .tdd:hover{
    background-color:#cccccc;
  }
</style>
